<html>
    <meta charset="utf-8">
<body>
    <p id="status" hidden></p>
    <p id="popularity" hidden></p>
    <script src="pako.min.js"></script>
    <script src="myjs.js"></script>
    <div class="wk">
        <div class="vText">
            <div>
             
                <span>弹幕【排队】【取消排队】</span>
         

            </div>
            
           
        </div>
        <div   id='danmu' class="div">
        </div>
    </div>
  

    <script>
    </script>
    <style  type="text/css">

        .wk{
            width: 100%;
            height: 100%;
            /* background-image: linear-gradient(-225deg, #D4FFEC 0%, #57F2CC 48%, #4596FB 100%); */
           
            /* text-overflow:ellipsis;超出部分显示省略号 */
            white-space: nowrap;/*规定段落中的文本不进行换行 */
        }
        .div {
            width: 70%;
            height: 90%;
            line-height:1.7;
            font-size: 90px;
            float: left;
            margin-top: 5%;
            text-align:left;
            overflow: hidden; 
        }

        .div span {
            background: linear-gradient(to right, red, blue);
            -webkit-background-clip: text;
            color: transparent;
        }

        .vText {
            float: left;
            width: 30%;
            height: 100%;
            overflow: hidden; 
            /* text-overflow:ellipsis;超出部分显示省略号 */
            white-space: nowrap;/*规定段落中的文本不进行换行 */
            text-align:center;
            font-size: 80px;
            
        }

        .vText div{
            height: 100%;
            padding-top: 10%;
            writing-mode:tb-rl; 
            display: inline-block;
        }
        .vText span {
            background: linear-gradient(to right, blue, red);
            -webkit-background-clip: text;
            color: transparent;
        }
    </style>
</body>


</html>